<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I embed a video from my computer on a Lessons page?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I embed a video from my computer on a Lessons page?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_AFB057AC-0333-4B3D-8AAF-139B7C526DFD" class="text-block-content">
    <p>Instructors can add an embedded video at any point in a Lessons page. The embedded video described here is a video uploaded from the instructor's computer to the Lessons page. (See <a href="content.hlp?docId=howdoiembedayoutubevideoonalessonspage">How do I embed a YouTube video on a Lessons Page?</a> for directions on embedding a YouTube video.)</p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Go to Lessons.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/007/053/806/original/6465eda2-0d12-43aa-ae5e-d4ebc5fcc0b3.png" alt="" height="110" width="202">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_240CE0C2-5DFA-45AE-AC20-C8FC83850599" class="text-block-content">
    <p>If you titled your page something other than <em>Lessons</em>, select the title of the page as it appears in your Tool Menu.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="click-on-add-content-then-embed-content-on-a-page">
    <h2 class="step-title screensteps-heading">Click on Add Content, then select Embed Content on the Page.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/182/443/original/d4f45ff2-efad-4b33-b9ac-5afb996bf180.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/182/443/medium/d4f45ff2-efad-4b33-b9ac-5afb996bf180.png" alt="" height="548" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_F022C2AB-9448-47E3-833C-A0160FFE1837" class="text-block-content">
    <p>From the <strong>Add Content</strong> drop-down menu, select <strong>Embed Content on the Page</strong>. This displays the Embed Content dialog box.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click Choose Files.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/182/447/original/2588d620-0f5d-484b-a0f9-7dd85b95f861.png" alt="" height="440" width="807">
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="locate-and-select-the-video-file-on-your-computer">
    <h3 class="step-title screensteps-heading">Locate and select the video file on your computer.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/182/439/original/5a4e4020-2e10-4ccf-acbb-77fa8ac1eeb2.png" alt="" height="409" width="610">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_B823B4C2-A87B-4A73-9418-3558F1B0FB74" class="text-block-content">
    <p>Click on the file you would like to upload to select it and then click <strong>Open</strong>.</p>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click Save.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/182/435/original/86fb8e62-c15f-4495-95c1-a950567866ee.png" alt="" height="465" width="809">
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="view-embedded-video">
    <h3 class="step-title screensteps-heading">View embedded video.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/182/437/original/89e30739-7f12-4cb0-b6ef-69b4a2069508.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/182/437/medium/89e30739-7f12-4cb0-b6ef-69b4a2069508.png" alt="" height="438" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_840B4832-9707-40B5-94EE-9C8E88507101" class="text-block-content">
    <p>The Lessons page will display the embedded video.</p>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="click-on-edit-optional">
    <h2 class="step-title screensteps-heading">Click on Edit. (Optional)</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/182/457/original/0bc00975-def2-4e5e-891e-148616704432.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/182/457/medium/0bc00975-def2-4e5e-891e-148616704432.png" alt="" height="343" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_A5793C5C-D28B-4658-86E3-C6912950DDAB" class="text-block-content">
    <p>This displays the <strong>Edit Item </strong>dialog box.</p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2" id="add-a-description-and-or-adjust-the-video-pixel-size">
    <h3 class="step-title screensteps-heading">Add a description and/or adjust the video pixel size.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/182/469/original/e3a368d4-4ac3-4d9e-aaf2-6d2a6514e7b5.png" alt="" height="405" width="808">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_8B734FF0-183B-4A15-A290-B6622B2B58B8" class="text-block-content">
    <p>Enter the desired <strong>Width</strong> and <strong>Height</strong> for your video in number of pixels, and/or enter a description in the <strong>Item Description</strong> text box. Then, click <strong>Update Item</strong> to save your changes and return the display to the Lesson Page with the embedded video and description.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="view-updated-item-on-the-page">
    <h3 class="step-title screensteps-heading">View updated item on the page.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/182/455/original/c16bba85-d531-4605-8637-7f80056bc708.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/182/455/medium/c16bba85-d531-4605-8637-7f80056bc708.png" alt="" height="462" width="855">
      </a>
  </div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="notice-the-video-file-location">
    <h2 class="step-title screensteps-heading">Notice the video file location. </h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/182/451/original/37bad0ea-a76d-49ef-a6ce-606dcfb9f69f.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/182/451/medium/37bad0ea-a76d-49ef-a6ce-606dcfb9f69f.png" alt="" height="354" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_A7F4736B-DA84-42F4-8F3B-2319E356018E" class="text-block-content">
    <p><em>Note: The video will be uploaded to your Resources folder for that Lessons page. Uploaded videos are NOT streamed to the user. The larger the video file, the longer it will take the video to load on the Lessons page. </em></p>
  </div>
</div>
 
  </div>


</div>
</div></div>
</body>
</html>
